<template>
   <ul class="todo-main">
    <!-- 把数据便利出来后，使用v-bind把数据打包传给子组件 -->
       <Item v-for='data in todoList' 
       :key='data.id' v-bind='data' 
       :iptChange='iptChange'
       :liDel='liDel'
       :index='index'
       />
      </ul>
</template>

<script>
import Item from './Item'
export default {
    name:'Content',
    props:['todoList',"iptChange",'liDel','index'],
    components:{
        Item
    }
}
</script>

<style scope>
/*main*/
.todo-main {
  margin-left: 0px;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 0px;
}

.todo-empty {
  height: 40px;
  line-height: 40px;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding-left: 5px;
  margin-top: 10px;
}

</style>